// 面板头部
.home_panel_header() {
  .xtx_panel_header {
    height: 115px;
    padding: 40px 0;
  
    h3 {
      height: 35px;
      line-height: 35px;
      margin-left: 6px;
      font-size: 32px;
      font-weight: 400;
      color: #333;
      float: left;
    }
  
    small {
      margin-left: 22px;
      font-size: 16px;
      color: #999;
    }
  
    .more {
      line-height: 1;
      margin-top: 14px;
      font-size: 16px;
      color: #999;
      float: right;
      
      i {
        font-size: 14px;
        color: #ccc;
      }
      &:hover {
        color: @xtxColor;
        i {
          color: @xtxColor;
        }
      }
    }
  
    .tabs-bar {
      height: 35px;
      padding-top: 13px;
      font-size: 16px;
      margin-right: 80px;
      float: right;
  
      a {
        padding: 2px 8px;
        margin-left: 5px;
        border-radius: 2px;
      }
  
      a:hover,
      a.active {
        background-color: @xtxColor;
        color: #fff;
      }
    }
  }
}

// 闪一闪动画
.shanshan () {
  @keyframes shan {
    0% {
      left: -100%;
    }
    100% {
      left: 150%;
    }
  }
  .shan {
    position: absolute;
    animation: shan 1.5s ease 0s;
    top: 0;
    width: 30%;
    height: 100%;
    content: "";
    background: -webkit-linear-gradient(
      left,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-45deg);
    animation-iteration-count: infinite;
  }
}